<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.4.2/jquery.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.4.2/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.4.2/locale/easyui-lang-zh_CN.js"/>"></script>
<link rel="stylesheet" type="text/css"
	href="<c:url value="/js/jquery-easyui-1.5.4.2/themes/default/easyui.css"/>" />
<link rel="stylesheet" type="text/css"
	href="<c:url value="/js/jquery-easyui-1.5.4.2/themes/icon.css"/>" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
 </head> 
 <body>  
 <script type="text/javascript">
			$(function(){
				 //员工信息
			$('.staff').click(function(){
				//判断tabs打开数量
				var tabcount = $('#tt').tabs("tabs").length;
				var msg = '您当前打开了太多的页面，如果继续打开，会造成程序运行缓慢，无法流畅操作！您确定还要继续打开吗？';
				if(tabcount>5){
					$.messager.confirm('确认',msg,function(r){    
					    if (r){    
					    	
					    }else{	
					    	var tab = $("#tt").tabs("getSelected");
							var index = $("#tt").tabs("getTabIndex",tab);
							$("#tt").tabs("close",index);
							
					    } 
					}); 	
				}

				var date = $(this).attr("date-href");
				var value=$(this).attr("date-value");
				//添加新的选项卡
				var openTab = function(title, href){
				//先判断是否已经打开
				if($("#tt").tabs("exists", title)){
				//已打开，则激活
				$("#tt").tabs("select", title);
				}else{
				//未打开，则打开
				$("#tt").tabs("add",{
				title: title,
				href: href,
				closable:true
				});
				}
				}
				openTab(value,date);
				
			});
			}); 
			
			
</script>
 
 
 <style>
  element.style {
    width: 1360px;
}
.x-panel {
    border-color: #99bbe8;
}
.x-panel {
    border-style: solid;
    border-width: 0;
}
div {
    display: block;
}
body {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-family: 微软雅黑, Tahoma;
    font-size: 12px;
    color: #555;
    background-position: left top;
    background-repeat: no-repeat;
    overflow: auto;
}
.x-panel-bwrap {
    overflow: hidden;
    zoom: 1;
    left: 0;
    top: 0;
}
.x-panel-body {
    border: 1px solid;
    border-top: 0 none;
    overflow: hidden;
    position: relative;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
.navigCont table {
    table-layout: fixed;
    width: 100%;
    border-bottom: #EED6B7 1px dotted;
    padding: 15px 0px 10px 0px;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
.navigCont td.head a {
    color: #cc0000;
    text-decoration: underline;
    font-weight: bold;
}
a {
    color: #346DAD;
    text-decoration: none;
    cursor: pointer;
}
.navigCont td.head {
    width: 95px;
    padding-right: 10px;
    vertical-align: top;
    text-align: right;
}
.navigCont td.content a {
    display: -moz-inline-box;
    display: inline-block;
    padding-left: 10px;
}
a:hover {
    color: #FF6666;
    text-decoration: underline;
}
.navigCont td.content em.X1 {
    margin: 0px 0px 5px 5px;
    display: inline-block;
    border-left: 1px solid #ccc;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
/* 设置边框样式 */
div#ext-gen22 {
    border: none;
}
  </style>
    
  <div class="x-panel-body x-panel-body-noheader x-panel-body-noborder" id="ext-gen22" style="overflow: auto; position: relative;"> 
   <div id="Panel1_Content" class=""> 
    <div class="navigCont" id="navigCont"> 
     <table cellpadding="0" cellspacing="0"> 
      <tbody> 
       <tr> 
        <td class="head"><a >薪资</a></td> 
        <td class="content" ><a class="staff" date-value="薪资套账" date-href="SalaryAccount">薪资账套</a>
         <a class="staff" date-value="薪资表" date-href="Payroll" >薪资表</a></td> 
       </tr> 
      </tbody> 
     </table> 
     <table cellpadding="0" cellspacing="0"> 
      <tbody> 
       <tr> 
        <td class="head"><a>本薪</a></td> 
        <td class="content">
     <!--    <a>项目本薪明细</a>  -->
         <a  class="staff" date-value="员工本薪数据" date-href="to_emp_pay" >员工本薪数据</a> 
  <!--        <a  class="staff" date-value="员工本薪数据维护" date-href="EmployeeSalary">员工本薪数据维护</a>  -->
    <!--      <a class="staff" date-value="员工本薪版本批量新增向导" date-href="EmployeeSalary">员工本薪版本批量新增向导</a> -->
<!--          <a class="staff" date-value="员工本薪批量操作向导" date-href="employee">员工本薪批量操作向导</a></td>  -->
       </tr> 
      </tbody> 
     </table> 
     <table cellpadding="0" cellspacing="0"> 
      <tbody> 
       <tr> 
        <td class="head"><a>社保</a></td> 
        <td class="content">
         <a class="staff" date-value="社保帐套" date-href="lzs_social_accounten">社保帐套</a> 
         <a class="staff" date-value="社保表" date-href="  Socialsecuritywatch">社保表</a>
         <a class="staff" date-value="社保类型" date-href="Lzs_SocialLeixing">社保类型</a> 
       <!--   <a class="staff" date-value="员工本薪批量操作向导" date-href="social">社保编辑向导</a> </td>  -->
       </tr> 
      </tbody> 
     </table> 
    <!--  <table cellpadding="0" cellspacing="0"> 
      <tbody> 
   <tr> 
        <td class="head"><a>工具</a></td> 
        <td class="content">
        <a  class="staff" date-value="薪资录入数据向导" date-href="salaryentry">薪资录入数据向导</a> 
      <a class="staff" date-value="薪资表运算向导" date-href="PayrollMail">薪资表运算向导</a>
         <a>薪资邮件发送向导</a> </td> 
       </tr>  
      </tbody> 
     </table>  -->
     <table cellpadding="0" cellspacing="0"> 
      <tbody> 
       <tr> 
        <td class="head"><a>资料</a></td> 
        <td class="content">
      <a class="staff" date-value="薪资表模板" date-href=" SalaryTable">薪资表模板</a>
       <a class="staff" date-value="常用薪资项目" date-href="Commonsalary">常用薪资项目</a></td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
   </div> 
  </div> 
   
 </body>
</html>